<!-- 秒杀列表页面 -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<link href="/css/jquery-select/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	.layui-layer-page .layui-layer-content{
		overflow: hidden !important;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="form-group">
						<ul class="nav nav-arrow-next nav-tabs" id="myTab">
							<li class="active"><a href="#tab_basic">选择商品规格</a></li>
							<li><a href="#tab_des">设置价格和库存</a></li>
						</ul>
					</div>
					<div class="tab-content" style="border: 0px;">
						<div class="tab-pane active" id="tab_basic">
							<input type="hidden" id="productCentreId" th:value="${productCentreId}" >
							<button type="button" onclick="batchSetting()">批量参加</button>
							<table id="productSkuTable" data-mobile-responsive="true"></table>
							<div class="form-group text-center">
								<div class="col-sm-8 col-sm-offset-2">
									<button class="btn btn-primary" onclick="nextStep()">
										<i class="fa fa-check"></i>下一步
									</button>
								</div>
							</div>
						</div>
						<!-- 商品选择开始 -->
						<div class="tab-pane" id="tab_des">
							&nbsp;
							<div class="form-group">
								<table id="choosedProductSkuTable" data-mobile-responsive="true"></table>
							</div>
							<button class="btn btn-primary" onclick="btnOk()">
								<i class="fa fa-check"></i>确定
							</button>
							<button class="btn btn-primary" onclick="btnClose()">
								<i class="fa fa-check"></i>关闭
							</button>
						</div>
					</div>

					<div id="goodsSeckillPrice" style="display:none;    margin-top: 1rem;">
						<form class="form-horizontal" style="margin-top: 15px">
							<div class="form-group">
								<label class="col-sm-5 control-label">活动价格:</label>
								<div class="col-sm-6">
									<input id="seckillPrice" name="displayorder"
										   type="number" class="form-control" value="0" placeholder="必填:活动价格" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-5 control-label">剩余库存:</label>
								<div class="col-sm-6">
									<input id="nowSeckillStotal" name="nowSeckillStotal"
										   type="number" class="form-control" value="0" placeholder="必填:剩余库存" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-5 control-label">增减活动库存:</label>
								<div class="col-sm-6">
									<input name="seckillStotal" id="seckillStotal"
										   type="number" class="form-control" value="0" placeholder="必填:增减活动库存" />
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>



		</div>
		</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="/js/appjs/marketing/productGroupStockSetting.js"></script>
	<script src="/js/jquery-select/jquery.searchableSelect.js"></script>
	<script src="/js/layui.js"></script>
    <script type="text/javascript">
	$(function(){
		$('#supply').searchableSelect();
		$('#centreId').searchableSelect();

		// tab切换
		$('#myTab a').click(function(e) {
			e.preventDefault();
			$('#myTab li').each(function() {
				$(this).removeClass('active')
			})
			$('.tab-content .tab-pane').each(function() {
				$(this).removeClass('active')
			})
			$(this).parent().addClass('active')
			id = $(this).attr('href')
			$(id).addClass('active');
		})
	});





	</script>
</body>

</html>